<template>
  <div class="page">
    <div class="container">
      <el-input placeholder="输入服务中心名字" v-model="value" class="input-with-select">
        <el-button slot="append" icon="el-icon-search" @click="search()"></el-button>
      </el-input>
      <router-link to="/companyInfo/23" class="nav-link my-nav-link">
        <div class="media">
          <img src="../../../static/images/banner1.png" style="width:50px;height:50px;" alt="公司名称">
          <div class="media-body">
            <h5 class="mt-0">公司名称</h5>
            公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介 介公司简介公司简介公司简介
          </div>
        </div>
      </router-link>
      <router-link to="/companyInfo/23" class="nav-link my-nav-link">
        <div class="media">
          <img src="../../../static/images/banner1.png" style="width:50px;height:50px;" alt="公司名称">
          <div class="media-body">
            <h5 class="mt-0">公司名称</h5>
            公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介 介公司简介公司简介公司简介
          </div>
        </div>
      </router-link>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        value: "",
        list: [],
      }
    },
    watch: {},
    mounted() {
      this.value = this.$route.params.args;
       this.value = this.$route.query.value
    },
    methods: {
      search() {
        console.log("搜索内容");
      },
      onSubmit() {
        console.log('submit!');
      }
    }
  }
</script>
<style lang="less" scoped>
  .input-with-select {
    max-width: 350px;
    margin: 15px auto;
  }

  .page {
    .nav-link {
      padding: .0rem 1rem;
      color: #000;
      .media {
        .media-body {
          margin-left: 10px;
        }
        text-align:left;
        margin:15px auto;
      }
    }
  }
</style>
